html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin: 0;padding: 0;font-weight: normal;}
input,select,textarea{margin: 0;padding: 0}
input,select{vertical-align: middle}
ul,ol{list-style: none}
ul,ol,li,dl,dt,dd,pre,form,fieldset,img,div{ margin: 0px; padding: 0px; border: none; }
img{ vertical-align: middle; border-style: none;}
textarea{resize: none}
a{text-decoration: none}
em{font-style: normal}
html{font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%}
*,*::after,*::before{-webkit-box-sizing: border-box; box-sizing: border-box; }
.clear{clear: both}
.clearfix,.w{zoom: 1}
.clearfix:after,.w:after{content: ".";display: block;overflow: hidden;height: 0;clear: both;visibility: hidden}
.fl{float: left}
.fr{float: right}
html,body{ font-size: 14px; width: 100%; line-height: 168%; background-color: #FFF; color:#000; /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif,"Microsoft YaHei"!important;*/ font-family:"Microsoft YaHei",PingFang SC,Arial,Helvetica,sans-serif; }
/**{ moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; }
*/
@font-face {
font-family:'Geometric415BT-BlackA'; src:url("../fonts/Geometric415BT-BlackA.eot");src:url("../fonts/Geometric415BT-BlackA.eot?#iefix") format("embedded-opentype"),url("../fonts/Geometric415BT-BlackA.woff") format("woff"),url("../fonts/Geometric415BT-BlackA.ttf") format("truetype"),url("../fonts/Geometric415BT-BlackA.svg#YourWebFontName") format("svg");
}
/* Links Star */
a{color:#000; text-decoration:none; outline:none !important;}
a:hover{color:#39a9de; text-decoration:none;} a:focus{outline:thin dotted;} a:hover,a:active{outline:0;}
a, a:hover, a:focus { text-decoration: none; }
/* Links End */
img { image-rendering:-moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering:-webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor;}
/* Scrollbar Star */
/*
::-webkit-scrollbar{
width: 5px;
height: 5px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
border-radius: 10px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb{
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
background-color: #c4c4c4;
-o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}
::-webkit-scrollbar{
width: 7px;
height: 7px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb{
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
background-color: rgba(0, 147, 62, 1);
-o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}
::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 147, 62, 1);}
*/
/* Scrollbar End */
/* Header One Star */
.header-one { }
.header-one h2 { color: #333; font-size: 22px; font-weight: 500; line-height: 100%; float: left;}
.header-one .mores { float: right; background: #ca1911; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; color: #fff; text-align: center; padding: 0px 20px;}
.header-one .mores:hover { color: #333; background: #FFF;}
/* Header One End */
/* Header Two Star */
.header-two { margin-bottom: 40px; text-align: center;}
.header-two h2 { font-size: 32px; line-height: 32px; font-weight: normal; color: #333; text-transform: capitalize;}
.header-two p { font-family:"OpenSansLight"; font-size: 18px; color: #777; margin: 10px 0 0 0; text-transform: capitalize;}
.header-two p:before { content: ""; display: inline-block; margin-right: 25px; width: 82px; height: 5px; border-top: 1px solid #aaa;}
.header-two p:after { content: ""; display: inline-block; margin-left: 25px; width: 82px; height: 5px; border-top: 1px solid #aaa;}
/* Header Two End */
/* Header Three Star */
.header-three { margin: 0; padding: 0; display: block; color: #1c1c1c; text-align: center;}
.header-three em { font-size: 24px; }
.header-three i { display: block; width: 38px; height: 3px; line-height: 3px; background: #00a54e; margin: 6px auto;}
.header-three span { color: #00a54e; text-transform: capitalize; font-size: 20px; font-family:'Geometric415BT-BlackA';}
/* Header Three End */
/* Header Four Star */
h2.header-four { text-align: left; position: relative; font-size: 18px; text-transform: capitalize; padding-bottom: 15px; color: #fff; margin-bottom: 30px;}
h2.header-four:after { position: absolute; content: ''; left: 0; bottom: 0; width: 30px; height: 1px; background-color: #39a9de;}
/* Header Four End */
/* Header Sitemap Star */
h2.header-sitemap { width: 100%; text-align: left; position: relative; font-size: 18px; text-transform: capitalize; padding-bottom: 10px; color: #fff; margin-bottom: 10px;}
h2.header-sitemap:after { position: absolute; content: ''; left: 0; bottom: 0; width: 30px; height: 1px; background-color: #39a9de;}
/* Header Sitemap End */
/* Header Five Star */
.header-five { text-align: center; color: #1c1c1c;}
.header-five h2 { font-size: 24px; text-transform:uppercase; padding-bottom:15px; margin-bottom:10px; position:relative; }
.header-five h2::before{ content:""; width:120px; height:1px; position:absolute; bottom:-1px; margin-left:-60px; left:50%; background:#39a9de; }
.header-five h2::after { content: ""; width: 12px; height: 12px; position: absolute; bottom: -6px; margin-left: -3px; left: 50%; transform: rotate(45deg); background-color: #39a9de; }
.header-five p { display: none; font-size: 14px; color:#888; }
/* Header Five End */
/* Header Six Star */
.header-six { width:100%; height:auto; text-align:center; overflow:hidden;}
.header-six h3 { font-size:24px; font-weight:normal; line-height:1.1; margin: 0 0 2px 0; letter-spacing: 3px;}
.header-six h3 span { font-weight: 700; color:#39a9de;}
.header-six i { display:inline-block; width:auto; font-style: normal; font-weight:lighter;font-size: 15px;}
.header-six i:before { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #c3c3c3; content:'------------'; margin-right:20px; }
.header-six i:after { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #c3c3c3; content:'------------'; margin-left:20px; }
/* Header Six End */
/* Header Seven Star */
.header-seven { width:100%; text-align: left; color: #000;}
.header-seven .topic-cns { font-size: 36px; line-height: 1;}
.header-seven .topic-eng { font-size: 16px; line-height: 1; letter-spacing: 0.15px; margin: 10px 0 20px 0;}
.header-seven .intro-cns { font-size: 18px; line-height: 1.3;}
/* Header Seven End */
/* Header Eight Star */
.header-eight { width:100%; text-align: left; color: #000;}
.header-eight .topic-cns { font-size: 36px; line-height: 1;}
.header-eight .topic-eng { font-size: 22px; line-height: 1; font-weight: lighter; margin: 10px 0 20px 0;}
.header-eight .slogan-cns { font-size: 18px; line-height: 1.3;}
.header-eight .intro-cns { font-size: 22px; line-height: 1.3;}
.header-eight .info-cns { font-size: 18px; font-weight: lighter; line-height: 1.3;}
/* Header Eight End */
/* Header Nine Star */
.header-nine { width:100%; text-align: left; color: #000;}
.header-nine .topic-cns { font-size: 36px; line-height: 1;}
.header-nine .topic-eng { font-size: 22px; line-height: 1; font-weight: lighter; margin: 10px 0 20px 0;}
.header-nine .intro-one { font-size: 26px; line-height: 1.3;}
.header-nine .intro-two { font-size: 22px; line-height: 1.3;}
.header-nine .intro-three { font-size: 18px; font-weight: lighter; line-height: 1.3;}
/* Header Nine End */
/* Header Ten Star */
.header-ten { width:100%; text-align: left; color: #000;}
.header-ten .topic-one { font-size: 26px; line-height: 1.3;}
.header-ten .topic-two { font-size: 18px; line-height: 1.3; margin: 5px 0 0 0; font-weight: lighter;}
/* Header Ten End */
/* Header Eleven Star */
.header-eleven { width:100%; text-align: left; color: #000;}
.header-eleven .topic-cns { font-size: 26px; line-height: 1.2;}
.header-eleven .intro-cns { font-size: 18px; line-height: 1.3; margin: 5px 0 0 0; font-weight: lighter;}
/* Header Eleven End */
/* Header Twelve Star */
.header-twelve { width:100%; text-align: left; color: #000;}
.header-twelve .topic-cns { font-size: 36px; line-height: 1;}
.header-twelve .topic-eng { font-size: 22px; line-height: 1; font-weight: lighter; margin: 10px 0 20px 0;}
.header-twelve .intro-one { font-size: 22px; line-height: 1.3;}
.header-twelve .intro-two { font-size: 18px; line-height: 1.3; font-weight: lighter;}
/* Header Twelve End */
/* Header Thirteen Star */
.header-thirteen { width:100%; text-align: left; color: #000;}
.header-thirteen .topic-one { font-size: 36px; line-height: 1.2;}
.header-thirteen .topic-two { font-size: 18px; line-height: 1.3; margin: 10px 0 0 0; font-weight: lighter;}
/* Header Thirteen End */
/* Header Star */
#header { background: rgba(95, 99, 104, 1); width: 100%; height: 56px; position: fixed; top: 0; left: 0; z-index: 9997; color: #FFF;}
#header .logos { float: left; margin: 9px 35px 0 0;}
#header .logos img { height: 38px;}
#header ul.menus { float: left;}
#header ul.menus>li { float: left; position: relative; margin: 0 25px; text-align: left;}
#header ul.menus>li a { text-transform: uppercase; display: block; line-height: 56px; height: 56px; color: #FFF; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
#header ul.menus>li:hover>a { color: #39a9de;}
#header ul.menus>li.active>a { color: #39a9de;}
#header ul.menus>li>a i { margin: 0 0 0 10px;}
#header ul.menus>li>.drop-menus { position: fixed; left: 0; top: 56px; width: 100%; background: rgba(33,36,40,0.5); opacity: 0; visibility: hidden; height: 0; overflow: hidden; -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s;}
#header ul.menus>li>.drop-menus ul { margin: 0 0 0 210px;}
#header ul.menus>li>.drop-menus ul li { float: left; margin: 0 50px 0 0;}
#header ul.menus>li>.drop-menus.pro ul li { margin: 0 25px 0 0;}
#header ul.menus>li>.drop-menus ul li a:hover { color: #39a9de;}
#header ul.menus>li:hover .drop-menus { opacity:1; visibility:visible; height: 56px;}
#header .rights { float: right;}
#header .rights .phones { float: left; text-align: left; margin: 10px 0 0 0;}
#header .rights .phones .texts { font-size: 12px; line-height: 1;}
#header .rights .phones .texts i { margin: 0 5px 0 0; -webkit-animation: bounce-up 1.5s linear infinite; animation: bounce-up 1.5s linear infinite; animation: bounce-up 1.5s linear infinite; animation: bounce-up 1.5s linear infinite;}
#header .rights .phones .numbers { line-height: 1;}
#header .rights .languages { float: right; line-height: 1; margin-left: 25px; padding-left: 10px; position: relative; font-size: 15px;}
#header .rights .languages img.flag { margin-right: 5px;}
#header .rights .languages i.fa { margin-left: 5px; font-size: 18px;}
#header .rights .languages a { color: #FFF;}
#header .rights .languages a.current { line-height: 56px; height: 56px; display: block;}
#header .rights .languages ul.languages-drop { position: absolute; top: 100%; left: 0; height: 0; overflow: hidden; min-width: 128px; background: rgba(0,0,0,0.4); opacity: 0; -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s;}
#header .rights .languages ul.languages-drop li { white-space: nowrap; padding: 12px 10px 12px 10px; overflow: hidden; border-bottom: 1px solid #cbcbcb; text-align: left; -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s;}
#header .rights .languages ul.languages-drop li:last-child { border-bottom: none;}
#header .rights .languages:hover ul.languages-drop { opacity: 1; height: auto;}
#header .rights .languages ul.languages-drop li:hover { background: #39a9de;}
#header .navigations { display: none;}
/* Header End */
@-webkit-keyframes bounce-up {
10% {
transform: rotate(20deg);
}
20% {
transform: rotate(-10deg);
}
30% {
transform: rotate(5deg);
}
40% {
transform: rotate(-5deg);
}
50%,100% {
transform: rotate(0deg);
}
}
@keyframes bounce-up {
10% {
transform: rotate(20deg);
}
20% {
transform: rotate(-10deg);
}
30% {
transform: rotate(5deg);
}
40% {
transform: rotate(-5deg);
}
50%,100% {
transform: rotate(0deg);
}
}
/* Nav Mobile Star */
#nav-mobile { display: none;}
/* Nav Mobile Star */
/* Header Blank Star */
#header-blank { display: none;}
/* Siegrid Blank End */
/* Siegrid Banner Star */
#siegrid-banner { }
/* Siegrid Banner End */
/* Tinseen Touch Slider Star */
#tinseen-touch-slider { }
#tinseen-touch-slider .mouse { position: absolute; left: calc(50% - 9px); bottom: 10px; width: 18px; cursor: pointer; z-index: 30; animation: xl 1.5s infinite;}
#tinseen-touch-slider .mouse img { max-width: 100%;}
/* Tinseen Touch Slider End */
@keyframes xl {
0% {
bottom: 10px;
}
50% {
bottom: 30px;
}
100% {
bottom: 10px;
}
}
/* Company Data Star */
#company-data { padding: 80px 0 20px 0;}
#company-data .intros { margin: 20px 40px 30px 40px; text-align: left; position: relative; font-size: 15px;}
#company-data .intros .texts { padding: 0 50px 0 0;}
#company-data .intros .icos { position: absolute; right: 0; font-size: 32px; width: 32px; height: 32px; top: calc(50% - 18px);}
#company-data .intros .icos a { -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
#company-data ul { margin: 30px 0 0 0;}
#company-data ul li { float: left; width: 32.000000%; padding: 40px 40px 40px 40px; text-align: left; margin: 0 2.000000% 30px 0; background: #f2f2f2; overflow: hidden; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
#company-data ul li:nth-child(3n) { margin-right: 0;}
#company-data ul li a { display: block; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
#company-data ul li .ico { float: left;}
#company-data ul li .ico i { font-size: 68px; height: 68px; width: 68px; display: block; font-weight: normal; color: #282828; padding: 0 0 30px 0; margin: 20px 0 0 0;}
#company-data ul li .ico span { width: 30px; background: #282828; height: 2px; margin: 0 auto; display: block;}
#company-data ul li .data { float: right; color: #535353; text-align: right;}
#company-data ul li .data h1 { font-size: 17px; margin: 0 0 20px 0;}
#company-data ul li .data h2 { font-size: 36px; font-family:'Geometric415BT-BlackA';}
#company-data ul li .data h2 span { font-size: 18px;}
#company-data ul li:hover { background: #FFF; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); behavior: url(ie-css3.htc);}
#company-data ul li:hover .ico i { color: #39a9de;}
#company-data ul li:hover .ico span { background: #39a9de;}
#company-data ul li:hover .data { color: #39a9de;}
/* Company Data End */
/* Our Honor Star */
#our-honor { padding: 50px 0; }
#our-honor img { max-width: 100%;}
#our-honor .intros { margin: 20px 40px 30px 40px; text-align: left; position: relative; font-size: 15px;}
#our-honor .intros .texts { padding: 0 80px 0 0; line-height: 1.6;}
#our-honor .intros .icos { position: absolute; right: 0; font-size: 32px; width: 32px; height: 32px; top: calc(50% - 18px);}
#our-honor .intros .icos a { -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.our-honor { margin: 30px 0 0 0; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; overflow: hidden;}
.our-honor img { width: 100%;}
/* Our Honor End */
/* What Is Frp Star */
#what-is-frp { padding: 80px 0; background: #FAFAFA;}
#what-is-frp img { max-width: 100%;}
#what-is-frp .intros { margin: 20px 40px 30px 40px; text-align: left; position: relative; font-size: 15px;}
#what-is-frp .intros .texts { padding: 0 80px 0 0; line-height: 1.6;}
#what-is-frp .intros .icos { position: absolute; right: 0; font-size: 32px; width: 32px; height: 32px; top: calc(50% - 18px);}
#what-is-frp .intros .icos a { -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.what-is-frp { margin: 30px 0 0 0; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; overflow: hidden;}
.what-is-frp img { width: 100%;}
/* What Is Frp End */
/* Choice Frp Star */
#choice-frp { padding: 80px 0 50px 0; }
#choice-frp img { max-width: 100%;}
.choice-frp { margin: 30px 0 0 0; text-align: left; color: #0098d7;}
.choice-frp ul li { float: left; width: 49%; margin: 0 2% 20px 0;}
.choice-frp ul li:nth-child(2n) { margin-right: 0;}
.choice-frp ul li .ico { float: left;}
.choice-frp ul li .text { float: right; width: calc(100% - 88px);}
.choice-frp ul li .text .name { font-size: 30px; font-weight: 600; margin: 15px 0 0 0; line-height: 1;}
.choice-frp ul li .text .info { margin: 15px 0 0 0; font-size: 18px; line-height: 1.2;}
/* Choice Frp End */
/* Select Frp Star */
#select-frp { padding: 60px 0 50px 0; background: #FFF; text-align: left; overflow: hidden;}
#select-frp img { max-width: 100%;}
#select-frp .intro { float: left; width: 35%; padding: 0 0 0 0;}
#select-frp .intro .icos { width: 68px; height: 68px; display: block; background: url('../img/icos.png') no-repeat; background-size: 100%; float: left; margin: 3px 0 0 0;}
#select-frp .intro .abouts { float: left; width:calc(100% - 90px); padding: 0 0 0 30px;}
#select-frp .intro .abouts .names { font-size: 24px; font-weight: 600; margin: 10px 0 0 0;}
#select-frp .intro .abouts .companys { color: #484848; font-size: 16px; font-family:'Geometric415BT-BlackA'; text-transform: uppercase; margin: 15px 0 0 0;}
#select-frp .intro .abouts .intros { margin: 10px 0 0 0; font-size: 15px;}
#select-frp .intro .abouts a:hover { color: #39a9de;}
#select-frp .advantage { float: right; width: 65%;}
#select-frp .advantage ul li { float: left; width: 49%; margin: 0 2% 20px 0;}
#select-frp .advantage ul li:nth-child(2n) { margin-right: 0;}
#select-frp .advantage ul li .ico { float: left;}
#select-frp .advantage ul li .text { float: right; width: calc(100% - 88px);}
#select-frp .advantage ul li .text .name { font-size: 24px; font-weight: 600; margin: 10px 0 0 0;}
#select-frp .advantage ul li .text .info { margin: 15px 0 0 0; font-size: 15px;}
/* Select Frp End */
/* Our App Star */
#our-app { padding: 80px 0; background: #FAFAFA;}
#our-app img { max-width: 100%; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
#our-app .intros { margin: 20px 40px 30px 40px; text-align: left; position: relative; font-size: 15px;}
#our-app .intros .texts { padding: 0 80px 0 0; line-height: 1.6;}
#our-app .intros .icos { position: absolute; right: 0; font-size: 32px; width: 32px; height: 32px; top: calc(50% - 18px);}
#our-app .intros .icos a { -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
ul.our-app { margin: 30px 0 0 0;}
ul.our-app li { float: left; margin: 0 2% 30px 0; width: 32.000000%; }
ul.our-app li:nth-child(3n) { margin-right: 0;}
ul.our-app li .box { overflow: hidden; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; text-align: center; background: #fff; padding: 0 0 15px 0; box-shadow: rgba(0,0,0,.05) 0 0 10px; transition: all .3s ease; -moz-transition: all .3s ease;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;}
ul.our-app li .box h2 { font-size: 15px; font-weight: 600; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: 1.2; margin: 15px 0 0 0; text-transform: capitalize; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}
ul.our-app li .box .imgs { overflow: hidden;}
ul.our-app li:hover .box .imgs img { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);}
/* Our App End */
/* Detail More Star */
.detail-more { display: table; margin: 30px auto 0 auto; color: #39a9de; font-size: 15px; padding: 5px 40px; border: solid 1px #39a9de; z-index: 1; position: relative; border-radius: 1.5rem; overflow: hidden;}
.detail-more .span-part { width: 0px; background:#00b181; transition:width 0.5s; -moz-transition:width 0.5s; -webkit-transition:width 0.5s; -o-transition:width 0.5s; z-index:-1;}
.detail-more:hover .span-part { position: absolute; width:100%; height:100%; left: 0; top: 0; color:#fff; background:#39a9de; transition:width 0.5s; -moz-transition:width 0.5s;-webkit-transition:width 0.5s;-o-transition:width 0.5s;opacity: 1;}
.detail-more:hover .span-text a { color:#fff; z-index:10;}
.detail-more .span-text a { color:#39a9de; display: inline-block; text-transform: uppercase;}
.detail-more .span-text a i { margin: 0 0 0 10px;}
/* Detail More Star */
/* Our News Star */
#our-news { padding: 80px 0 50px 0; overflow: hidden; }
#our-news img { max-width: 100%;}
.our-news { margin: 40px 0 30px 0;}
.our-news ul li { width: 23.875000%; margin: 0 1.500000% 0 0; float: left;}
.our-news ul li:nth-child(4n) { margin-right: 0;}
.our-news ul li a { display: block;}
.our-news ul li .items { background: #fefefe; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 0 0 30px 0; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; text-align: left; -webkit-box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.05); box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.05); behavior: url(ie-css3.htc);}
.our-news ul li .items img { max-width: 100%;}
.our-news ul li .items .imgs { position: relative;}
.our-news ul li .items .dates { position: absolute; overflow: hidden; left: 0; bottom: 0; color: #FFF; font-family: "Geometric415BT-BlackA"; padding: 8px 20px 8px 20px; line-height: 1; background: rgba(57, 169, 222, 0.85); font-size: 14px; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -moz-border-radius: 0 2px 0 0; -webkit-border-radius: 0 2px 0 0; border-radius: 0 2px 0 0;}
.our-news ul li .items .dates .year { display: block; text-align: left; margin: 0 0 3px 0; font-size: 16px;}
.our-news ul li .items .dates .month { display: block; text-align: left;}
.our-news ul li .items .hots { position: absolute; top: -30px; right: -10px; width: 52px;}
.our-news ul li .items .hots img { max-width: 100%;}
.our-news ul li .items .text-title { padding-left: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 30px; overflow: hidden; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; font-weight: 700; margin: 15px 0 0 0;}
.our-news ul li .items .text-intro { padding-left: 15px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; color: #AAA; }
.our-news ul li .items:hover { background: #FFF; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; -webkit-box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 24px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
.our-news ul li .items:hover .text-title { transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s;}
.our-news ul li .items:hover .text-intro { transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s;}
/* Our News End */
/* Footer Star */
#footer { background: rgba(95, 99, 104, 1); background-size: cover; background-attachment: inherit; color: #bcbcbc; padding: 60px 0 0 0; }
#footer a { color: #bcbcbc; -moz-transition: all 0.6s; -webkit-transition: all 0.6s; -o-transition: all 0.6s;}
#footer a:hover { color: #FFF;}
#footer img { max-width: 100%;}
#footer .infos { margin: 0 0 40px 0;}
#footer .infos .abouts { float: left; width: 34%; text-align: left;}
#footer .infos .abouts .logo { margin: 0 0 30px 0;}
#footer .infos .abouts .content { margin: 0 0 10px 0;}
#footer .infos .abouts .contact { margin: 0 0 20px 0;}
#footer .infos .abouts ul.notes { }
#footer .infos .abouts ul.notes li { margin: 0 0 5px 0;}
#footer .infos .abouts ul.notes li i { width: 16px; height: 16px; color: #888; display: inline-block; margin: 0 10px 0 0; text-align: center;}
#footer .infos .abouts .share ul li { position: relative; display: inline-block; margin: 0 10px 0 0;}
#footer .infos .abouts .share ul li a { background: #53565b; position: relative; width: 40px; height: 40px; color: #848484; font-size: 16px; line-height: 40px; text-align: center; border-radius: 50%; display: inline-block; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease;-o-transition: all 300ms ease;-moz-transition: all 300ms ease;transition: all 300ms ease;}
#footer .infos .abouts .share ul li a:hover { color: #FFF;}
#footer .infos .links { float: left; width: 40%; margin: 0 4%; text-align: left;}
#footer .infos .links .lists ul.item { float: left; width: 33.333333%; padding: 0 10px 0 0;}
#footer .infos .links .lists ul.item li i { margin: 0 15px 0 0;}
#footer .infos .follows { float: right; width: 16%; text-align: left;}
#footer .infos .follows .qr-code { margin: 5px 0 0 0;}
#footer .infos .follows .qr-code ul li { width: 100%; text-align: left;}
#footer .infos .follows .qr-code ul li img { max-width: 140px;}
#footer .infos .follows .qr-code ul li p { margin: 10px 0 0 0; font-size: 14px;}
#footer .copyrights { padding: 30px 0; text-align: center; background: #53565b;}
#footer .copyrights a { color: #bcbcbc;}
/* Footer End */
#bottom-menus { display:none;}
/* Back To Top Star */
#back-to-top { position: fixed; cursor: pointer; z-index: 999999; bottom: 24px; right: 24px; display: block; transition: all 300ms ease-out; visibility: hidden; opacity: 0; text-align: center; width: 48px; height: 48px; line-height: 48px !important; font-size: 16px;border-radius: 150px;color: #212121;background-color: #ffffff;-webkit-box-shadow: 0px 0 24px 0px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 0 24px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 0 24px 0px rgba(0, 0, 0, 0.08); behavior: url(ie-css3.htc);}
#back-to-top.show { visibility: visible;opacity: 1;}
#back-to-top:hover { color: #FFF; background: #000;}
/* Back To Top End */
.jiachuziti { font-weight: lighter;}
@media screen and (max-width: 1920px){
/* What FRP Star */
.what-frp .intros { width: 36%;}
/* What FRP End */
/* Select Frp Star */
#select-frp .intro { width: 35%;}
#select-frp .intro .abouts { width:calc(100% - 90px); padding: 0 0 0 20px;}
#select-frp .intro .abouts .names { font-size: 20px;}
#select-frp .intro .abouts .companys { font-size: 15px;}
#select-frp .intro .abouts .intros { margin: 10px 0 0 0; font-size: 14px;}
#select-frp .advantage { float: right; width: 65%;}
#select-frp .advantage ul li { float: left; width: 49%; margin: 0 2% 20px 0;}
#select-frp .advantage ul li:nth-child(2n) { margin-right: 0;}
#select-frp .advantage ul li .ico { float: left;}
#select-frp .advantage ul li .text { float: right; width: calc(100% - 78px);}
#select-frp .advantage ul li .text .name { font-size: 20px;}
#select-frp .advantage ul li .text .info { font-size: 14px;}
/* Select Frp End */
}
@media screen and (max-width: 1500px) {
/* Header Star */
#header ul.menus > li { margin: 0 20px;}
#header ul.menus>li>.drop-menus ul { margin: 0 0 0 204px;}
#header ul.menus>li>.drop-menus ul li { margin: 0 40px 0 0;}
/* Header End */
/* What FRP Star */
.what-frp .intros { width: 38%;}
/* What FRP End */
/* Select Frp Star */
#select-frp .intro { width: 35%;}
#select-frp .intro .abouts { width:calc(100% - 90px); padding: 0 0 0 20px;}
#select-frp .intro .abouts .names { font-size: 20px;}
#select-frp .intro .abouts .companys { font-size: 15px;}
#select-frp .intro .abouts .intros { margin: 10px 0 0 0; font-size: 14px;}
#select-frp .advantage { float: right; width: 65%;}
#select-frp .advantage ul li { float: left; width: 49%; margin: 0 2% 20px 0;}
#select-frp .advantage ul li:nth-child(2n) { margin-right: 0;}
#select-frp .advantage ul li .ico { float: left;}
#select-frp .advantage ul li .text { float: right; width: calc(100% - 78px);}
#select-frp .advantage ul li .text .name { font-size: 20px;}
#select-frp .advantage ul li .text .info { font-size: 14px;}
/* Select Frp End */
}
@media screen and (max-width: 1366px){
/* Header One Star */
.header-one h2 { font-size: 20px;}
/* Header One End */
/* Header Two Star */
.header-two { margin-bottom: 30px;}
.header-two h2 { font-size: 30px; line-height: 30px; }
.header-two p { font-size: 16px;}
/* Header Two End */
/* Header Three Star */
.header-three em { font-size: 22px;}
.header-three span { font-size: 14px;}
/* Header Three End */
/* Header Four Star */
h2.header-four { font-size: 18px; margin-bottom: 20px;}
/* Header Four End */
/* Header Five Star */
.header-five h2 { font-size: 22px;}
/* Header Five End */
/* Header Star */
#header ul.menus > li { margin: 0 12px;}
#header ul.menus>li>.drop-menus ul { margin: 0 0 0 196px;}
#header ul.menus>li>.drop-menus ul li { margin: 0 24px 0 0;}
/* Header End */
/* What FRP Star */
.what-frp .intros { width: 36%;}
/* What FRP End */
/* Select Frp Star */
#select-frp .intro { width: 35%;}
#select-frp .intro .abouts { width:calc(100% - 90px); padding: 0 0 0 20px;}
#select-frp .intro .abouts .names { font-size: 16px;}
#select-frp .intro .abouts .companys { font-size: 14px;}
#select-frp .intro .abouts .intros { margin: 10px 0 0 0; font-size: 14px;}
#select-frp .advantage { float: right; width: 65%;}
#select-frp .advantage ul li { float: left; width: 49%; margin: 0 2% 20px 0;}
#select-frp .advantage ul li:nth-child(2n) { margin-right: 0;}
#select-frp .advantage ul li .ico { float: left;}
#select-frp .advantage ul li .text { float: right; width: calc(100% - 78px);}
#select-frp .advantage ul li .text .name { font-size: 16px;}
#select-frp .advantage ul li .text .info { font-size: 14px;}
/* Select Frp End */
/* Detail More Star */
.detail-more { font-size: 15px; margin: 20px auto 0 auto;}
/* Detail More End */
}
@media screen and (max-width: 1200px){
/* Footer Star */
#footer .infos .abouts { float: left; width: 30%;}
#footer .infos .links { float: left; width: 45%; margin: 0 5%;}
#footer .infos .follows { float: right; width: 15%; text-align: left;}
/* Footer End */
}
@media screen and (max-width: 991px) {
/* Header Three Star */
.header-three em { font-size: 18px;}
/* Header Three End */
/* Header Four Star */
h2.header-four { font-size: 17px;}
/* Header Four Star */
/* Header Five Star */
.header-five h2 { font-size: 18px;}
/* Header Five Star */
/* Header Six Star */
.header-six { }
.header-six h3 { font-size:18px;}
.header-six i { font-size: 13px;}
.header-six i:before { content:'---------'; margin-right:10px; }
.header-six i:after { content:'---------'; margin-left:10px; }
/* Header Six End */
/* Header Seven Star */
.header-seven .topic-cns { font-size: 26px; }
.header-seven .topic-eng { font-size: 15px; letter-spacing: 0.1px; margin: 5px 0 10px 0;}
.header-seven .intro-cns { font-size: 16px; text-align: justify;}
/* Header Seven End */
/* Header Eight Star */
.header-eight .topic-cns { font-size: 26px; }
.header-eight .topic-eng { font-size: 15px; margin: 5px 0 10px 0; font-weight: normal;}
.header-eight .slogan-cns { font-size: 16px; text-align: justify;}
.header-eight .intro-cns { font-size: 20px; line-height: 1.3;}
.header-eight .info-cns { font-size: 18px; font-weight: normal; line-height: 1.3;}
/* Header Eight End */
/* Header Nine Star */
.header-nine .topic-cns { font-size: 26px; }
.header-nine .topic-eng { font-size: 16px; margin: 5px 0 10px 0;}
.header-nine .intro-one { font-size: 20px; }
.header-nine .intro-two { font-size: 18px; font-weight: normal;}
.header-nine .intro-three { font-size: 18px; font-weight: normal;}
/* Header Nine End */
/* Header Ten Star */
.header-ten .topic-one { font-size: 20px; }
/* Header Ten End */
/* Header Eleven Star */
.header-eleven .topic-cns { font-size: 18px;}
/* Header Eleven End */
/* Header Twelve Star */
.header-twelve .topic-cns { font-size: 26px; }
.header-twelve .topic-eng { font-size: 20px; margin: 5px 0 10px 0;}
.header-twelve .intro-one { font-size: 20px; }
.header-twelve .intro-two { font-size: 18px; }
/* Header Twelve End */
/* Header Thirteen Star */
.header-thirteen .topic-one { font-size: 26px; line-height: 1.2;}
.header-thirteen .topic-two { font-size: 18px; line-height: 1.3; margin: 10px 0 0 0; font-weight: normal;}
/* Header Thirteen End */
.container { padding-left: 10px; padding-right: 10px;}
/* Header Star */
#header .logos { margin: 14px 0 0 0;}
#header ul.menus { display: none;}
#header .rights .languages { display: none;}
#header .rights .phones {float: left;text-align: left;margin: 8px 50px 0 0;}
#header .navigations { display: inline-block; text-align: right;}
#header .navigations .toggle { margin-top: 1px;}
.hc-nav-trigger { top: 16px; right: 10px;}
#header .navigations .toggle:hover span, #header .navigations .toggle:hover span::before, #header .navigations .toggle:hover span::after { background: #FFF; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px;}
#header .navigations .toggle font { margin: 0; font-size: 18px; display: block; white-space:nowrap; color: #FFF;}
#header .navigations .toggle span, #header .navigations .toggle span::before, #header .navigations .toggle span::after { background: #FFF;}
.hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after { background-color: #FFF; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px;}
.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul { background-color: #FFF;}
.hc-nav-trigger span, .hc-nav-trigger span::before, .hc-nav-trigger span::after { height: 3px;}
.hc-offcanvas-nav a { font-size: 15px; }
.hc-offcanvas-nav a i { width: 18px; height: 18px; line-height: 18px; display: inline-block;}
.hc-offcanvas-nav h2 { color: #333; padding: 12px 17px; font-weight: 700; border-bottom: 1px solid #39a9de; text-align: left;}
.hc-offcanvas-nav h2 img { height: 36px;}
.hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a { border-top: 1px solid #eaeaea;}
.hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a i { color: #c3c3c3;}
.hc-offcanvas-nav li.nav-close a, .hc-offcanvas-nav li.nav-back a { background: #39a9de; color:#FFF; border-top: 1px solid #39a9de; border-bottom: 1px solid #39a9de;}
.hc-offcanvas-nav li.nav-close a:hover, .hc-offcanvas-nav li.nav-back a:hover { background: #39a9de;}
.hc-offcanvas-nav a { border-bottom: 1px solid #eaeaea; color: #333;}
.hc-offcanvas-nav:not(.touch-device) a:hover { background: #2d2f2e;}
.hc-offcanvas-nav a[href]:not([href="#"])>span.nav-next { border-left: 1px solid #eaeaea;}
.hc-offcanvas-nav span.nav-next::before, .hc-offcanvas-nav li.nav-back span::before { border-top: 2px solid #eaeaea; border-left: 2px solid #eaeaea;}
.hc-offcanvas-nav.nav-levels-overlap ul li i { color: #c3c3c3;}
/* Header End */
#header-blank { display: block; width: 100%; height: 56px;}
/* Siegrid Banner Star */
#siegrid-banner.active { margin:0;}
/* Siegrid Banner End */
/* Company Data Star */
#company-data { padding: 25px 0 10px 0;}
#company-data .intros { width: 100%; margin: 5px auto 10px auto; padding: 0; text-align: left;}
#company-data .intros .texts { padding: 0;}
#company-data .intros .icos { display: none;}
#company-data ul li { float: left; width: 48.500000%; padding: 15px 5px 15px 15px; margin: 0 3.000000% 12px 0; }
#company-data ul li:nth-child(3n) { margin-right: 3%;}
#company-data ul li:nth-child(2n) { margin-right: 0;}
#company-data ul li a { display: block;}
#company-data ul li .ico { float: none; width: 100%; text-align: center;}
#company-data ul li .ico i { padding: 0 0 30px 0; margin: 20px auto 0 auto;}
#company-data ul li .data { float: none; width: 100%; margin: 15px auto 0 auto; text-align: center;}
#company-data ul li .data h1 { font-size: 16px; margin: 0 0 10px 0;}
#company-data ul li .data h2 { font-size: 20px;}
#company-data ul li .data h2 span { font-size: 16px;}
/* Company Data End */
/* Our About Star */
#our-about { height: auto;}
#our-about .container { padding-left: 0; padding-right: 0;}
.our-about { background: url("../img/aboutImgMobile.jpg") center no-repeat; background-size: cover; height:auto;}
.our-about .intros { float: none; width: 100%; padding: 10% 20px 0 20px;}
.our-about .intros h5 { font-size: 18px;}
.our-about .mores { margin: 30px auto 10% auto; padding: 0;}
.our-about .videos { float: none; width: 100%; font-size: 60px;}
.our-about .videos i {margin: 30px auto 30px auto; width: 60px; height: 60px;}
/* Our About End */
/* Our Honor Star */
#our-honor { padding: 25px 0; }
.our-honor { margin: 10px 0 0 0;}
/* Our Honor End */
/* What Is Frp Star */
#what-is-frp { padding: 30px 0; }
/* What Is Frp End */
/* Choice Frp Star */
#choice-frp { padding: 30px 0 10px 0; }
.choice-frp { margin: 20px 0 0 0; text-align: left; color: #0098d7;}
.choice-frp ul li { float: none; width: 100%; margin: 0 0 20px 0;}
.choice-frp ul li .text .name { font-size: 22px; }
.choice-frp ul li .text .info { margin: 10px 0 0 0; font-size: 16px;}
/* Choice Frp End */
/* Our App Star */
#our-app { padding: 30px 0;}
ul.our-app { margin: 20px 0 0 0;}
ul.our-app li { float: none; margin: 0 0% 20px 0; width: 100%; }
ul.our-app li .box { overflow: hidden; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; text-align: center; background: #fff; padding: 0 0 15px 0; box-shadow: rgba(0,0,0,.05) 0 0 10px; transition: all .3s ease; -moz-transition: all .3s ease;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;}
ul.our-app li .box h2 { font-size: 15px; font-weight: 600; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: 1.2; margin: 15px 0 0 0; text-transform: capitalize; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}
ul.our-app li .box .imgs { overflow: hidden;}
ul.our-app li:hover .box .imgs img { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);}
/* Our App End */
/* Our News Star */
#our-news { padding: 20px 0;}
.our-news { margin: 15px 0 0 0;}
.our-news ul li { width: 49%; margin: 0 2% 20px 0;}
.our-news ul li:nth-child(2n) { margin-right: 0;}
.our-news ul li .items .dates { padding: 5px 10px 5px 10px;}
/* Our News End */
.detail-more {margin: 0 auto 0 auto;}
/* Footer Star */
#footer { padding: 30px 0 0 0;}
#footer .infos { margin: 0; }
#footer .infos .abouts { float: none; width: 100%;}
#footer .infos .abouts .share { text-align: center;}
#footer .infos .abouts .share ul { display: inline-table; text-align: center; margin: 0 auto;}
#footer .infos .links { display: none;}
#footer .infos .follows { float: none; width: 100%; margin: 20px 0 0 0;}
#footer .infos .follows .qr-code { text-align: center;}
#footer .infos .follows .qr-code ul { display: inline-table; text-align: center; margin: 0 auto;}
#footer .copyrights { padding: 30px 0 50px 0;}
/* Footer End */
/* Bottom Menus Star */
#bottom-menus {
display: block;
box-shadow:0 -1px 10px rgba(0,0,0,0.1);
background-color:#00adff;
background-image:-webkit-linear-gradient(top,#39a9de,#00adff);
background-image:-o-linear-gradient(top,#39a9de,#00adff);
background-image:-ms-linear-gradient(top,#39a9de,#00adff);
background-image:linear-gradient(top,#39a9de,#00adff);
background-repeat: repeat-x;
width: 100%;
position: fixed;
bottom: 0;
z-index: 9998;
padding: 10px 0;
}
#bottom-menus ul li {
float: left;
width: 33.333333%;
border-right: solid 1px #dbdbdb;
text-align: center;
color: #FFF;
font-size: 16px;
}
#bottom-menus ul li a { color: #FFF;}
#bottom-menus ul li img { height: 22px; margin: 0 6px 0 0;}
#bottom-menus ul li:last-child{
border-right: none;
}
/* Bottom Menus End */
/* Back To Top Star */
#back-to-top { bottom: 54px; right: 10px;}
/* Back To Top End */
.jiachuziti { font-weight: 600;}
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 450px){
}